<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱采购</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .topbox {
            width: 1220px;
            margin: 20px auto 0;
        }
        .liptiao {
            height: 34px;
            width: 100%;
            background-color: rgb(250, 250, 250);
        }
        .liptiao .tiaotext {
            width: 1220px;
            margin: 0 auto;
            font-size: 12px;
            color: rgb(102, 102, 102);
            line-height: 35px;
        }
        .ljprigfat {
            float: right;
        }
        .purchase,.supply {
            position: relative;
            display: inline-block;
            height: 35px;
            text-align: center;
            width: 74px;
            border-left: 1px solid rgb(250, 250, 250);
            border-right: 1px solid rgb(250, 250, 250);

        }
        .purchase:hover,.supply:hover {
            border-left: 1px solid rgb(238, 238, 238);
            border-right: 1px solid rgb(238, 238, 238);
        }
        .supply {
            margin-left: -3px;
        }
        .tiaotext>span {
            margin: 0 10px;
        }
        .ljprigfat>span {
            margin: 0 10px;
        }
        .ljprigfat>span:hover,.tiaotext>span:hover {
            color: red;
        }
        .purchase > ul,.supply > ul {
            list-style: none;
            width: 100px;
            background-color: #fff;
            border: 1px solid rgb(250, 250, 250);
            position: absolute;
            text-align: left;
            text-indent: 15px;
            line-height: 25px;
            left: 0;
            top: 35px;
            cursor: pointer;
            display: none;
            z-index: 100;
        }
        .supply:hover ul {
            display: block;
        }
        .purchase:hover ul {
            display: block;
        }
        .purchase > ul > li:hover, .supply > ul > li:hover{
            color: red;
            background-color: rgb(238, 238, 238);
        }
        .topbox>img {
            width: 150px;
            margin-top: 10px;
        }
        .slk {
            vertical-align: top;
            margin-left: 100px;
            display: inline-block;
        }
        .hycj > div {
            display: inline-block;
            padding: 2px 10px;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            font-size: 14px;
            margin-bottom: -2px;
        }
        .hya {
            color: #fff;
            background-color: red;
        }
        input {
            width: 500px;
            height: 42px;
            border: none;
            margin-left: 20px;
            outline: none;
        }
        .yitiaos > .sdw{
            width: 587px;
            height: 42px;
            border: 1px solid red;
            border-bottom-left-radius: 3px;
            /* border-top-left-radius: 3px; */
            display: inline-block;
        }
        .yitiaos .daj {
            width: 110px;
            height: 44px;
            background-color: red;
            text-align: center;
            color: #fff;
            font-weight: 700;
            line-height: 44px;
            display: inline-block;
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
            position: relative;
            left: -5px;
            top: 2px;
        }
        .qwcx {
            display: inline-block;
            width: 110px;
            height: 44px;
            text-align: center;
            border-radius: 3px;
            font-weight: 700;
            line-height: 44px;
            color: #fff;
            background-color: rgb(250, 102, 0);
        }
        .bon {
            margin-top: 20px;
        }
        .bon div {
            display: inline-block;
            width: 150px;
            line-height: 39px;
            font-weight: 700;
            text-indent: 20px;
        }
        .bon div:nth-of-type(1) {
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            color: #fff;
            background-color: red;
        }
        hr {
            border: 1px solid red;
        }
        .middle{
            width: 1200px;
            margin: 120px auto;
            
        }
        .tu_left{
            width: 252px;
            height: 252px;
            background: url(https://b2b-web-public.cdn.bcebos.com/fe/b2b-pc/static/pc/img/no_result_mini.abd8cf3.png);
            display: inline-block;
            background-size: 252px 252px;
        }
        .tu_right{
            width: 540px;
            display: inline-block;
            
            /* line-height: 252px; */
            height: 252px;
            vertical-align: top;
            color: #666;
        }
        .tu_right>p:first-of-type{
            font-size: 24px;
            margin-top: 57px;
        }
        .tu_right>p:nth-of-type(3),.tu_right>p:nth-of-type(4){
            margin-top: 2px;
        }
        .middle_shang{
            width: 800px;
            margin: 0 auto;
        }
        .tu_right>p:nth-of-type(4)>span{
            color: red;
        }
        .tu_right>p:nth-of-type(4)>button{
            width: 80px;
            margin-left: 6px;
            background-color: red;
            color: white;
            border: none;
            border-radius: 5px;
            line-height: 28px;
        }
        *{
            margin: 0;
            padding: 0;
            list-style: none;
        }
        .bottom_box{
            width: 1220px;
            margin: 0 auto;
            height: 310px;
            background-color: #333333; 
            overflow: hidden;
            position: relative;
        }
        .bottom_merchant .bottom_style {
            font-size: 20px;
            color: #fff;
            margin-bottom: 10px;
        }
        .bottom_merchant li {
            font-size: 15px;
            margin-top: 8px;
            color: #666;
            
        }
        .bottom_merchant {
            margin-left: 50px;
            display: inline-block;
            margin-top: 20px;
            vertical-align: text-top;
        }
        .bottom_merchant li:hover {
            color: #fff;
        }
        .bottom_right {
            width: 200px;
            height: 150px;
            position: absolute;
            right: 134px;
            top: 30px;

        }
        .bottom_right img {
            width: 80px;
            height: 80px;
            margin-top: 15px;
            margin-left: 47px;
        }
        .Official_Accounts {
            color: #fff;
            font-size: 20px;
        }
        .bottom_wire {
            width:  1160px;
            border-top: 1px solid rgba(255, 253, 253, 0.2);
            margin: 30px auto;
        }
        .certificate {
            text-align: center;
            color: #666;
            font-size:14px;
            line-height: 30px;
        }
        .bton {
            width: 100%;
            background-color: rgb(51, 51, 51);
        }
    </style>
</head>
<body>
    <div class="liptiao">
        <div class="tiaotext">
            欢迎来到爱采购,百度旗下B2B平台!
            <span>登录/注册</span>
            <div class="ljprigfat">
                <span>百度爱采购首页</span>
                <span>
                    <svg t="1663925975766" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2604" width="12" height="12"><path d="M352.972955 831.860239c-35.434907 0-63.989249 28.554342-63.989249 63.989249 0 35.434907 28.554342 63.989249 63.989249 63.989249s63.989249-28.554342 63.989249-63.989249C416.962204 860.414581 388.407862 831.860239 352.972955 831.860239L352.972955 831.860239z" p-id="2605" fill="#d81e06"></path><path d="M801.069713 831.860239c-35.434907 0-63.989249 28.554342-63.989249 63.989249 0 35.434907 28.554342 63.989249 63.989249 63.989249s63.989249-28.554342 63.989249-63.989249C865.058962 860.414581 836.332605 831.860239 801.069713 831.860239L801.069713 831.860239z" p-id="2606" fill="#d81e06"></path><path d="M937.304888 188.527465C920.963548 169.949941 898.429699 159.973123 874.003696 159.973123L232.907106 159.973123l-2.236183-13.073072c-5.676466-46.615824-46.615824-82.910801-93.231648-82.910801L97.015958 63.989249c-17.717453 0-31.994625 14.277171-31.994625 31.994625s14.277171 31.994625 31.994625 31.994625l40.251302 0c13.933143 0 28.210314 12.729044 29.930455 28.210314l30.96254 178.550647 54.356459 382.043339c5.676466 46.615824 46.099782 83.082815 92.371577 83.082815l520.17067 0c17.717453 0 31.994625-14.277171 31.994625-31.994625s-14.277171-31.994625-31.994625-31.994625L344.716278 735.876365c-13.589115 0-27.006215-12.55703-28.898371-27.522258l-5.332437-37.327062 507.61364-31.306568c46.099782 0 86.695112-36.466991 92.027549-81.362674L960.870821 270.062154C964.483118 239.271628 956.054426 209.513187 937.304888 188.527465z" p-id="2607" fill="#d81e06"></path></svg>
                    购物车
                </span>
                <div class="purchase">
                    我要采购
                    <svg t="1663926189032" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3761" width="10" height="10"><path d="M185.884 327.55 146.3 367.133 512.021 732.779 877.7 367.133 838.117 327.55 511.997 653.676Z" p-id="3762"></path></svg>
                    <ul>
                        <li>买家版app</li>
                        <li>我的订单</li>
                        <li>全网询价</li>
                        <li>询价管理</li>
                        <li>电子合同</li>
                        <li>我的名片</li>
                    </ul>
                </div>
                <div class="supply">
                    我有货源
                    <svg t="1663926189032" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3761" width="10" height="10"><path d="M185.884 327.55 146.3 367.133 512.021 732.779 877.7 367.133 838.117 327.55 511.997 653.676Z" p-id="3762"></path></svg>
                    <ul>
                        <li>商家社区</li>
                        <li>卖家版app</li>
                        <li>续费专享</li>
                        <li>厂家入驻</li>
                        <li>采购营销</li>
                    </ul>
                </div>
                <span>会员商家</span>
                <span>实力供应商</span>
                <span>意见反馈</span>
            </div>
        </div>
    </div>
    <div class="topbox">
        <img src="./爱采购log.png" alt="">
        <div class="slk">
            <div class="hycj">
                <div class="hya">货源</div>
                <div>厂家</div>
            </div>
            <div class="yitiaos">
                <div class="sdw">
                    <input type="text">
                </div>
                <div class="daj">
                    <svg t="1663936655037" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4815" width="16" height="16"><path d="M921.3 874L738.1 690.8c51.3-62.6 82.1-142.5 82.1-229.6 0-200.1-162.8-363-363-363-200.1 0-363 162.8-363 363s162.8 363 363 363c87 0 167-30.8 229.6-82.1L870 925.3c7.1 7.1 16.4 10.6 25.7 10.6s18.6-3.5 25.7-10.6c14.1-14.2 14.1-37.2-0.1-51.3zM166.8 461.2c0-160.1 130.3-290.4 290.4-290.4s290.4 130.3 290.4 290.4-130.3 290.4-290.4 290.4-290.4-130.3-290.4-290.4z" p-id="4816" fill="#ffffff"></path></svg>
                    搜索
                </div>
                <div class="qwcx">
                    全网询价
                </div>
            </div>
        </div>
        <div class="bon">
            <div>全部商品分类</div>
            <div>爱采购官方自营</div>
            <div>工艺品一站购</div>
            <div>实力优品</div>
            <div>商家社区</div>
            <div>供应商入驻</div>
            <div>智采中国</div>
        </div>
    </div>
    <hr>
    <div class="middle">
        <div class="tu">
            <div class="middle_shang">
                <div class="tu_left">
    
                </div>
                <div class="tu_right">
                    <p>暂未找到相关货源</p>
                    <p>您可以：</p>
                    <p>1. 缩短或修改搜索词进行重新搜索</p>
                    <p>2. 全网发布“<span>pinduoduo</span>”询价单，快速获得多个供应商报价<button>全网报价</button></p>
                </div>
                
            </div>
        </div>
    </div>
    <div class="bton">
        <div class="bottom_box">
            <ul class="bottom_merchant">
                <li class="bottom_style">买家指南</li>
                <li>功能介绍</li>
                <li>常见问题</li>
                <li>服务条款</li>
            </ul>
            <ul class="bottom_merchant">
                <li class="bottom_style">卖家指南</li>
                <li>入驻流程</li>
                <li>常见问题</li>
                <li>服务商查询</li>
            </ul>
            <ul class="bottom_merchant">
                <li class="bottom_style">关于我们</li>
                <li>产品百科</li>
                <li>平台声明</li>
            </ul>
            <ul class="bottom_merchant">
                <li class="bottom_style">联系我们</li>
                <li>投诉反馈</li>
            </ul>
            <ul class="bottom_merchant">
                <li class="bottom_style">友情链接</li>
                <li>爱企查</li>
                <li>加盟星</li>
                <li>OVERSEADIA</li>
                <li>企业推广</li>
            </ul>
            <div class="bottom_right">
                <!-- Official Accounts 公众号 -->
                <div class="Official_Accounts">公众号(百度爱采购)</div>
                <img src="./二维码.png" alt="">
            </div>
            <div class="bottom_wire"></div>
            <div class="certificate">
                互联网药品信息服务资格证书 京 -经营-2007-0102|医疗器械网络交易服务第三方平台备案 京网平台备字 2020 第00002号
            </div>
            <div class="certificate">
                京lcp证030173号|京公安网备1000000000000200000000001号
            </div>
        </div>
    </div>
</body>
</html>